.myDynamic{
		background-color: #f5f5f5;
		height: auto;
		width: 100vw;
	}
	.myDynamic_haber{
		background: linear-gradient(to bottom right, #dbfefe, #fff);
		padding: 0 30rpx;
		.myInfo{
			padding-top: 30rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.myInfoText{
				width: 70%;
				.myInfoTitle{
					font-weight: bold;
					font-size: 36rpx;
					color: #1A1A1A;
					line-height: 42rpx;
					text-align: left;
					font-style: normal;
					text-transform: none;
				}
				.myInfoDeatils{
					padding-top: 24rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #666666;
					line-height: 40rpx;
					text-align: left;
					font-style: normal;
					text-transform: none;
				}
			}
			.haderImg{
				height: 164rpx;
				width: 164rpx;
				overflow: hidden;
				border-radius:50%;
				.img{
						width: 100%;
						height: 100%;
						object-fit: cover;
				}
			}
		}
 
	}
	.myItems{ 
		display: flex;
		justify-content: space-between;
		align-items: center; 
		padding: 60rpx 20rpx 40rpx 20rpx;
		.item{
			display: flex;
			flex-direction: column;
			justify-content: center;
			.tp{
				font-weight: bold;
				font-size: 48rpx;
				color: #1A1A1A;
				line-height: 40rpx;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
			.bt{
				font-weight: 400;
				padding-top: 24rpx;
				font-size: 28rpx;
				color: #666666;
				line-height: 40rpx;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
		}
	}
	.tui-header-icon {
		width: 100%;
		position: fixed;
		top: 0;
		padding: 0 0 0 38rpx;
		display: flex;
		align-items: center;
		height: 32px;
		transform: translateZ(0);
		z-index: 99999;
		box-sizing: border-box;
	}
	.myDynamic_content{
		padding: 0 30rpx 200rpx 30rpx;
		margin-top: 30rpx;
		background-color:  #fbfbfb;
		.tabList{ 
			.tabList_tab{
				height: 148rpx; 
			}
		}
		.content{
			position: relative;
			height: 60vh;
			z-index: 3;
		}
	}
	.footer{
		height: 180rpx;
		z-index: 10;
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #FFFFFF;
		box-shadow: 0rpx -6rpx 6rpx 0rpx rgba(214,214,214,0.25);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		.footer_content{
			display: flex;
			width: 690rpx;
			align-items: center;
			background-color: #F5F5F5;
			border-radius: 24rpx;
		}
		.icon{
			width: 40rpx;
			height: 40rpx;
			margin-right: 10rpx;
			.iconimg{
				height: 100%;
				width: 100%;
			}
		}
	}
	.invite-container{
		padding: 0 30rpx 8rpx 30rpx;
		.inite-agreement{
			padding-bottom: 40rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			.contents{
				font-weight: 500;
				font-size: 24rpx;
				color: #999999;
				line-height: 28rpx;
				align-items: center;
				display: flex;
				.agreement_content{
					display: flex;
					align-items: center;
					margin-left: 12rpx;
					.place{
						color: #FF9F29;
					}
					.rule{
						color: #FF9F29;
					}
				}
			}
		}
		.title{
			padding-top: 40rpx;
			padding-bottom: 40rpx;
			  display: flex;
			   align-items: center; /* 垂直居中 */
			   justify-content: center; /* 使所有内容居中 */
			   position: relative; /* 相对定位父容器，方便定位图标 */
			.titleTxt{
				font-weight: bold;
				font-size: 36rpx;
				color: #1A1A1A;
				line-height: 42rpx;
				text-align: center;
				font-style: normal;
				text-transform: none;
				  flex: 1; /* 标题占据剩余空间 */
				  text-align: center; /* 标题居中 */
			}
			.close{
				   position: absolute; /* 绝对定位图标 */
				   right: 0; /* 图标右对齐 */
				  width: 48rpx;
				  height: 48rpx;
				  .closeImg{
					  width: 100%;
					  height: 100%;
				  }
			}
		}
	}